﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UbicacionMapa.aspx.cs" Inherits="Georeferencial_UbicacionMapa" %>
<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!-- 
        UbicacionMapa.aspx
        Including jQuery 
        <script type="text/javascript" src="../resources/js/jquery.js"></script>-->

        <!-- Including Mousewheel jQuery plugin 
        <script type="text/javascript" src="../resources/js/jquery.mousewheel.js"></script>-->

        <!-- Including ulslide jQuery plugin 
        <script type="text/javascript" src="../resources/js/jquery.ulslide.js"></script>-->

      <!-- Including jQuery -->
      <script type="text/javascript" src="../resources/js/jquery.js"></script>  
      <link rel="stylesheet" type="text/css" href="../resources/css/slider_carrusel.css" />
      <script type="text/javascript">
     </script>
</head>
<body>
    <form id="form1" runat="server">
    <%--
    <style type="text/css">
		/* Pager style */
		#slide2-pager {
			clear:both;
			list-style-type:none;
			overflow:hidden;
			margin:0;
			padding:0;
		}
		#slide2-pager li {
			float: left;
		}
		#slide2-pager li a{
			margin:0 2px;
			padding:0 7px;
			border:1px solid #ccc;
			display:inline-block;
		}
		#slide2-pager li a.usl-current{
			text-decoration: underline;
			background-color: #777;
		}
    </style>
    --%>
    
    <div>
        <cc1:GMap ID="GMap1" runat="server"  Width="800" Height="600" enableServerEvents="true"/>
    </div>
    <%--
    <script type="text/javascript">
            $(function() {						
                $("#slide2").ulslide({
                    width: 433,
                    height: 290,
					duration: 400,
					effect: {
						type: "slide", 
						axis: "x", 
					},
                    pager: "#slide2-pager a"
                });
            });
      </script>
      --%>
	
       <script type="text/javascript">

           var iCountTotal = 0;
           function toRight() 
           {

               iCountTotal = iCountTotal - 1;
               tohere(iCountTotal, "divcarrusel", "img", "imagen");
           }
           function toLeft() 
           {
               iCountTotal = iCountTotal + 1;
               tohere(iCountTotal, "divcarrusel", "img", "imagen");
           }
           function tohere(iN,idContenedor,objElement,idElement) 
           {
               var img      = "";
               var div_cont = document.getElementById(idContenedor);
               var img_div  = div_cont.getElementsByTagName(objElement);
               
               if (iN > img_div.length)
                   iCountTotal = img_div.length;
               else
               if (iN <= 0)
                   iCountTotal = 1;

               iN = iCountTotal;
               img = idElement + iN;
               for (var i = 0; i < img_div.length; i++) 
               {

                   var s_id = "a_" + img_div[i].id;
                   var obj_a = document.getElementById(s_id);

                   if (img_div[i].id == img) 
                   {
                       img_div[i].style.display = 'block';
                       if (obj_a) obj_a.setAttribute('class', 'actual');
                       
                   }
                   else 
                   {
                       img_div[i].style.display = 'none';
                       if (obj_a) obj_a.removeAttribute('class');
                      
                   }
               }
               
           }
          
        </script>
    </form>
</body>
</html>
